<script>
export default {
name: "AppNav"
}
</script>

<template>
  <nav>
    <router-link exact to="/">添加商品</router-link>
    <router-link to="/goodslist">商品列表</router-link>
    <router-link to="mycart">我的购物车</router-link>
  </nav>
</template>

<style scoped>
nav {
  a{
    margin:5px;
    color:skyblue;
    &.router-link-active{
      color:red;
    }
  }

}
</style>